<template>
  <div>初始值：{{ message3 }}</div>
  <MyChildren :people="message3" @changePeople="changePeople" />
</template>
<script>
import { ref } from 'vue'
import MyChildren from './MyChildren.vue'
export default {
  components: {
    MyChildren,
  },
  setup() {
    const message3 = ref({ name: '韩哈哈', age: 12 })
    const changePeople = (people) => {
      console.log('222')
      console.log(people)
      message3.value = people
    }
    return {
      changePeople,
      message3,
    }
  },
}
</script>
<style scoped></style>
